<ng-container *ngFor="let item of listData, let dataIndex = index">
  <div class="item-bg">
    <div class="check-bg" *ngIf="item.check === 'true'" appDebounceClick (debounceClick)="chooseClick(item)">
      <i class="check" [ngClass]="{'checked': item.checked}"></i>
    </div>
    <div class="item-content-bg" appDebounceClick (debounceClick)="chooseClick(item)">
      <p class="title" *ngIf="item.firstRowLeft?.title?.label" [ngStyle]="item.firstRowLeft?.title?.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage($event,item.firstRowLeft.title.link)">{{item.firstRowLeft.title.label}} </p>
      <p class="sub-title" *ngIf="item.secondRowLeft">
        <span *ngIf="item.secondRowLeft?.firstText?.label" [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
  
        <i class="sep" *ngIf="item.secondRowLeft?.firstText?.label && item.secondRowLeft?.secondText?.label" [ngStyle]="item.secondRowLeft?.sep?.cssStyle | styleFilter"></i>
        <span *ngIf="item.secondRowLeft?.secondText?.label" [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft.secondText.label}}</span>
        <span *ngIf="item.secondRowLeft?.thirdText?.label" [ngStyle]="item.secondRowLeft?.thirdText?.cssStyle | styleFilter">{{item.secondRowLeft.thirdText.label}}</span>
      </p>
      <i class="triangle" *ngIf="item.remark?.firstText?.label"></i>
      <div class="remark" *ngIf="item.remark?.firstText?.label" [ngStyle]="item.remark.firstText.cssStyle | styleFilter"><p class="remark-content">{{item.remark.firstText.label}}</p></div>
      <p class="date-status">
        <span class="date">{{item.dateTime?.firstText?.label}}</span>
        <span class="status" [ngStyle]="item.status?.firstText?.cssStyle | styleFilter">{{item.status?.firstText?.label}}</span>
      </p>
      <div class="btn-bg" *ngIf="item.buttons && item.buttons.length > 0">
        <ng-container *ngFor="let btn of item.buttons">
          <p class="btn" appDebounceClick (debounceClick)="action($event, btn.button,dataIndex)">{{btn.label}}</p>
        </ng-container>

      </div>
    </div>
  </div>
</ng-container>
<div class="noData" *ngIf="(listData.length < 1)||( !listData)">
  <span>暂无数据</span>
</div>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>